<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>歌单显示</title>
    <link href="../static/css/bootstrap_5.min.css" rel="stylesheet">
    <link href="../static/font/bootstrap-icons.css" rel="stylesheet">
    <link href="../static/css/index.css" rel="stylesheet">
    <script src="../static/js/jquery-1.11.2.min.js"></script>
    <link rel="stylesheet" type="text/css" href="/css/style.css"/>
    <link href="/css/bootstrap_5.min.css" rel="stylesheet">
    <link href="/font/bootstrap-icons.css" rel="stylesheet">
    <link href="/css/index.css" rel="stylesheet">
    <script src="/js/jquery-1.11.2.min.js"></script>
    <script src="/js/VarGloba.js"></script>
    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
    <style type="text/css">
        body{
            /*background-image: url(../static/img/musicListCreatBg.jpeg);*/
        }
        .boxDom{
            height: 100%;
            margin-top: 200px;
            margin-left: 3%;
            float: left;
        }
    </style>
</head>
<body>
<div th:replace="../templates/nav :: nav"></div>
<section class="py-6 text-center container" style="background-image: url(https://img1.baidu.com/it/u=472493569,3582573794&fm=253&fmt=auto&app=120&f=JPEG?w=1422&h=800);width: 100%;margin-top: 10px">
    <div class="row py-lg-5">
        <div class="col-lg-6 col-md-8 mx-auto">
            <h1 class="fw-light" th:text="${musicList.getList_name()}">花火音乐</h1>
            <p class="lead text-muted" th:text="${musicList.getList_note()}">以纯净之声，交世界之友</p>
            <p class="lead text-muted"><span>创建日期：<span th:text="${musicList.getList_creatdate()}"></span></span><span>播放量：<span th:text="${musicList.getList_sum()}"></span></span></p>
        </div>
    </div>
</section>
<div class="container">
    <div class="col-9" style="margin-left: 10%">
            <div class="big4 gedan" style="width: 1000px;margin-left: -10px;margin-right: 20px; overflow: auto;margin-top: 20px">
                <div class="xiaodaohang">
                    <div class="clearfix" style="height:600px">
                        <table style="width: 1000px;margin: auto; overflow: auto;">
                            <thead>
                            <tr style="border-bottom: 1px solid #919191;line-height: 35px;">
                                <th style="text-align: center;font-size: 15px">歌名</th>
                                <th style="text-align: center;font-size: 15px">歌手</th>
                                <th style="text-align: center;font-size: 15px">发布日期</th>
                                <th style="text-align: center;font-size: 15px">播放</th>
                            </tr>
                            </thead>
                            <tbody style="font-size: 16px">
                            <tr th:each="music:${musicL}">
                                <th style="text-align: center;font-size: 15px" th:text="${music.getMusic_name()}">序号</th>
                                <th style="text-align: center;font-size: 15px" th:text="${music.getMusic_author()}">歌名</th>
                                <th style="text-align: center;font-size: 15px" th:text="${music.getMusic_creatdate()}">歌手</th>
                                <th style="text-align: center;font-size: 15px"><a class="glyphicon glyphicon-play" th:href="'/musicruning/'+${music.getMusic_id()}"></a></th>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
</div>

</body>
</html>